/* CSS Document */
*{ margin:0; padding:0}
body {font-family:"å¾®è½¯é›…é»‘","Helvetica Neue",Helvetica,Arial,sans-serif;}
.boduo{ width:100%; float:left;}
.boduo12{ display:block;max-width:1200px; margin:0 auto;}
a:hover{ text-decoration:none;}
/* å¯¼èˆª */
.nav{ position:relative;}
.nav .boduo12{ background:#fff}
.nav .navbar-default{background-color:#fff; border:none; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); }
.container-fluid{ max-width:1200px; margin:0 auto;}
.container-fluid .iconfont{color:#fff;font-size: 25px;}
.nav .navbar-brand img{width: 150px;height: 29px;border-radius:3px;}
.navbar-nav{ margin:0 -15px}
/*.navbar-nav>li{ transition:all 0.5s}
*/.navbar-default .navbar-brand{ background:#fff}
.navbar-fixed-top .navbar-collapse{max-height:100%; position: relative; transition:all 0.5s;}
.nav .container-fluid:after{-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);}
.dropdown-menu{ width:100%; min-width:auto; text-align:center; top:auto}
.dropdown-menu>li>a{ padding:15px 0}

/* å¤§å›¾ */
.banner{ overflow:hidden; position:relative;height:600px; }
.banner img.b_1{ display:block; max-width:490px; width:100%}
.banner p{ display:block; width:340px; height:80px; margin:0 auto;font-size:16px; color:#fff; line-height:30px; text-align:center}
a.more{ display:block; width:270px; height:40px; margin:20px auto; font-size:16px; color:#fff; line-height:40px; text-align:center; border:1px solid #fff;transition: all 0.2s ease-in;-moz-transition: all 0.2s;-webkit-transition: all 0.2s;-ms-transition: all 0.2s; position:relative; cursor:pointer}
a.more:hover{ background:rgba(0,0,0,0.7); text-decoration:none}
a.more span{ position:absolute; right:10px;transition: all 0.2s ease-in;-moz-transition: all 0.2s;-webkit-transition: all 0.2s;-ms-transition: all 0.2s}
/*a.more:hover span{ right:80px}
*//* åº”ç”¨æŽ¨è */
.theme{ height:750px; padding:40px 0; overflow:hidden}
.theme dt{ font-size:20px; color:#000;  text-align:center}
.theme dt p{ font-size:20px; color:#000; margin:0;line-height:30px; }
.theme dt span{ font-size:10px; color:#999; font-weight:normal ;line-height:20px; padding:0 20px}
.theme dt span:before,.theme dt span:after{width:30px;height: 3px;content: "";display: inline-block;background:url(../image/xline.png) no-repeat center center;background-size: cover;position: relative;top: -2px; margin:0 10px}
.theme dd.jj{ height:80px; width:620px; padding-left:110px; background:url(../image/themet.png) no-repeat 0 5px;margin:45px auto; font-size:13px; line-height:25px; color:#555; text-align:center}
.theme dd.cp{ text-align:center}
.theme dd.cp .xl{ font-size:14px; line-height:20px;white-space: nowrap;}
.theme dd.cp .xl:before{ font-size:16px;content:'/'; display:inline-block; -moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);-o-transform:scaleY(-1);transform:scaleY(-1);/*IE*/filter:FlipV; padding:0 10px}
.theme dd.cp .xl:after{font-size:16px;content:"/"; display:inline-block; padding:0 10px}
.theme dd.cp .xl.p1{ color:#ff7c89}
.theme dd.cp .xl.p2{ color:#2c81c4}
.theme dd.cp .xl.p3{ color:#ff4f22}
.theme dd.cp .xl.p4{ color:#ffa700}
.theme dd.cp p.mm{ font-size:14px; color:#333; margin-top:20px; margin-bottom:0; line-height:20px;font-weight:bold;white-space: nowrap;}
.theme dd.cp h3{ font-size:14px; color:#333; margin:0;line-height:30px;font-weight:bold}
.theme a.more{ border:1px solid #333; color:#333; margin-top:60px}
.theme a.more:hover{ background:rgba(0,0,0,1); color:#fff}
.theme dd.cp a:hover img,.theme dd.cp a:active img,.theme dd.cp a:visited img{transform: rotate(15deg);-ms-transform: rotate(15deg);-moz-transform: rotate(15deg);-webkit-transform: rotate(15deg); }
/* åšå¤šå®žè® */
.bdsx{ height:540px; background: url(../image/sxbg.jpg) no-repeat center center; padding:40px 0}
.bdsx .boduo12>dt{ font-size:20px; color:#fff;  text-align:center;}
.bdsx .boduo12>dt p{ font-size:20px; color:#fff; margin:0;line-height:30px; }
.bdsx .boduo12>dt span{ font-size:10px; color:#fff; font-weight:normal ;line-height:20px; padding:0 20px}
.bdsx .boduo12>dt span:before,.bdsx .boduo12>dt span:after{width:30px;height: 3px;content: "";display: inline-block;background:url(../image/xline.png) no-repeat center center;background-size: cover;position: relative;top: -2px; margin:0 10px}
.bdsx .boduo12>dd{ text-align:center; padding:30px 0; margin:0 auto; overflow:hidden; }
.bdsx .boduo12>dd a{ display:inline-block; color:#fff; width:135px; height:32px; line-height:32px; float:left ;text-align:left; color:#fff}
.bdsx .boduo12>dd img{ margin-bottom:20px}
/* äº§å“åŽŸæ–™ */
.cpyl{ height:540px; background: url(../image/cpyl.jpg) no-repeat center center; padding:40px 0}
.cpyl .boduo12>dt{ font-size:20px; color:#fff;  text-align:center;}
.cpyl .boduo12>dt p{ font-size:20px; color:#fff; margin:0;line-height:30px; }
.cpyl .boduo12>dt span{ font-size:10px; color:#fff; font-weight:normal ;line-height:20px; padding:0 20px}
.cpyl .boduo12>dt span:before,.cpyl .boduo12>dt span:after{width:30px;height: 3px;content: "";display: inline-block;background:url(../image/xline.png) no-repeat center center;background-size: cover;position: relative;top: -2px; margin:0 10px}
.cpyl .boduo12>dd{ text-align:center; padding:30px 0; margin:0 auto; overflow:hidden; }
.cpyl .boduo12>dd a{ display:inline-block; color:#fff; width:135px; height:32px; line-height:32px; float:left ;text-align:left; color:#fff}
.cpyl .boduo12>dd img{ margin-bottom:20px}
/* è¿”å›žå¤´éƒ¨ */
.top{ background:#e6e3de; text-align:center; height:65px; padding-top:10px}
.top a{ display:block; width:120px; margin:0 auto; color:#666}
.top a:hover{ text-decoration:none; color:#000}
/* é¡µå°¾ */
.foot{ height:60px; background:#fff; padding:20px 0}
.foot form{ padding-top:3px}
.foot input{display:inline-block;width: 150px;height: 24px;border:1px solid #b7b7b7;border-radius:2px;}
.foot button{display:inline-block;width: 50px;height: 24px;background:#b7b7b7;border:none;color:#fff;margin-left:5px;border-radius:2px;}
.foot dd.r10{ text-align:right}
.foot dd.r10 a{ padding-right:10px;}
.foot dd.r10 span{ display:inline-block}
.bd_weixin_popup{ box-sizing:content-box}
@media (min-width:1200px){
/* å¯¼èˆª */

.nav{ height:110px;}
.nav .navbar-default:before{ content:"";display:block;width:100%;height:3px; background:#000}
.nav .container-fluid:after{ content:"";display:block;width: 300px;height: 300px;border-radius: 150px;left:50%;bottom:-28px;z-index:-1; background:#fff; margin-left:-150px; position:absolute;-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); }
.nav .navbar-brand{ height:auto;padding: 15px 15px 0; z-index:1; position:relative;}
.nav .navbar-brand img{  margin:25px 28px}
.navbar-nav>li{width: 110px;text-align:center;height:90px;margin-left: 50px;}
.navbar-nav>li.activei,.navbar-nav>li:hover{ background:url(../image/navactive.png) no-repeat center 10px}
.navbar-nav>li.active a{ background-color:none}
.navbar-nav>li p{font-size:16px; color:#1b1311; line-height:30px; margin:20px 0 0; font-weight: bold}
.navbar-nav>li span{ font-size:9px; color:#999; line-height:24px;}
/* å¤§å›¾ */
.banner{background:url(../image/banner1.jpg) center center}
.banner img.b_1{ margin:90px auto 20px }
/* åšå¤šå®žè® */
.bdsx .boduo12>dd{ width:270px;}
/* äº§å“åŽŸæ–™ */
.cpyl .boduo12>dd{ width:150px;}
.cpyl .boduo12>dd a{ text-align:center}
/* é¡µå°¾ */
.foot .bdsharebuttonbox{ width:150px; float:left}
}

@media (min-width:768px)and (max-width:1199px){
/* å¯¼èˆª */
.nav{ height:110px; width:100%; text-align:center}
.nav .navbar-default:before{ content:"";display:block;width:100%;height:3px; background:#000}
.nav .container-fluid:after{ content:"";display:block;width: 300px;height: 300px;border-radius: 150px;left:50%;bottom:-28px;z-index:-1; background:#fff; margin-left:-150px; position:absolute;-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); }
.nav .navbar-brand img{  margin:25px 28px}
.nav .boduo12{ height:110px; overflow: visible}
.nav .boduo12 .nav{ padding-left:131px; width:100%; box-sizing:border-box; position:absolute}
.navbar-nav>li{width:105px;text-align:center;height:90px;margin-left:40px; display:inline-block; float:none}
.navbar-nav>li.activei,.navbar-nav>li:hover{ background:url(../image/navactive.png) no-repeat center 10px}
.navbar-nav>li p{font-size:16px; color:#1b1311; line-height:30px; margin:20px 0 0; font-weight: bold}
.navbar-nav>li span{ font-size:9px; color:#999; line-height:24px;}
.banner img.b_1{ margin:90px auto 20px;}

@media (min-width:961px)and (max-width:1080px){
.navbar-nav>li{width:105px;margin-left:20px;}
}
@media (min-width:901px)and (max-width:960px){
.navbar-nav>li{width:105px;margin-left:10px;}
}
@media (min-width:768px)and (max-width:900px){
.navbar-nav>li{width:90px;margin-left:0px;}
.navbar-nav>li a{ padding:15px 0}
.foot input{width: 120px;}

}
/* å¤§å›¾ */
.banner{background:url(../image/banner1.jpg) center center;}
.theme { height:auto}
/* åšå¤šå®žè® */
.bdsx .boduo12>dd{ width:270px;}
/* äº§å“åŽŸæ–™ */
.cpyl .boduo12>dd{ width:150px;}
.cpyl .boduo12>dd a{ text-align:center}
/* é¡µå°¾ */
.foot .bdsharebuttonbox{ width:150px; float:left}
.foot .search{ float:left}
}
@media(max-width:767px){
/* å¯¼èˆª */
.navbar-fixed-top .navbar-collapse{ margin-top:10px}

.navbar-brand{ width:100%; position: absolute;top:0px}
.navbar-default .navbar-toggle{z-index:9;background:#000;border:none;border-radius:0;width:50px;height:50px;margin:0;padding-top: 0px;}
.sr-only{color:#fff;white-space: nowrap;position:relative;margin: -3px;top: -8px;font-size:13px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background:#000}
.navbar-default .collapsed .mui-icon-cuohao{ display:none}
.navbar-default .navbar-toggle .mui-icon-icon-{ display:none}
.navbar-default .collapsed.navbar-toggle .mui-icon-icon-{ display: block}
.navbar-brand{ padding:7px}
.navbar-brand img{ margin:0 auto;}
.nav .container-fluid:after{ content:"";display:block;width:200px;height:200px;border-radius: 100px;left:50%;bottom:-28px;z-index:-1; background:#fff; margin-left:-100px; position:absolute}
.navbar-nav>li{ width:100%; float:left; border-bottom:1px  solid #eee }
.navbar-nav>li:last-child{ border-bottom:none}
.navbar-nav>li>a{ display:block; overflow:hidden; padding:30px 35px}
.navbar-nav>li>a p{ margin-bottom:0}
.navbar-nav>li p{ float:left; padding-right:10px}
.navbar-nav>li span{  float:left; color:#ccc}

.navbar-nav .open .dropdown-menu>li>a{ padding:15px 0}

/* å¤§å›¾ */
.banner{background:url(../image/banner1_768.jpg) center center; height:auto; margin-top:50px}
.banner .boduo12{ width:300px;}
.banner img.b_1{width:100%;margin:80px auto 0;}
.banner p{ width:100%; padding:20px 0 15px; height:auto}
.banner a.more{ margin-bottom:60px; width:}
a.more{width:100%;}
/* åº”ç”¨æŽ¨è */
.theme .boduo12{ padding:0 15px}
.theme a.more{margin-top:20px;}
/* åšå¤šå®žè® */
.bdsx{ height:auto; background:url(../image/sxbg_768.jpg) no-repeat center center}
.bdsx .boduo12{ padding:0 15px}
.bdsx .boduo12>dd a{ width:50%; white-space: nowrap; text-align:center}
/* äº§å“åŽŸæ–™ */
.cpyl{ height:auto; background: url(../image/cpyl_768.jpg) no-repeat center center}
.cpyl .boduo12{ padding:0 15px}
.cpyl .boduo12>dd a{ width:100%; text-align:center; white-space: nowrap;}
/* å¤§å›¾ */
.theme { height:auto}
.theme dd.jj{ min-height:80px; width:90%; padding-left:80px; text-align:left; height:auto; margin:20px auto}
.theme dd.jj br{ display:none}
.foot .bdsharebuttonbox{ width:150px;margin:0 auto; display:none}
.foot .search{ margin:0 auto; width:300px}
.foot input{height:30px; padding:0 5px}
.foot button{height:30px; width:60px; background:#000; font-weight:bold; font-size:18px;}
.foot  div{ text-align:center}
.foot dd.r10{ text-align:center; padding:10px}
.foot dd.r10 img{ width:30px; height:30px; display:inline-block; margin:10px 0}
.foot dd.r10 span{ display:block}
}

/*é€šç”¨æ¨¡æ¿cssç»“æŸ*/

/*å…³äºŽåšå¤šcsså¼€å§‹*/
.bannerin{ height:170px; padding:65px 0}
.new{ background:url(../image/new_bg.jpg) no-repeat center center}
.new.train{ background:url(../image/train_bg.jpg) no-repeat center center}
.bannerin dt{ font-size:20px; color:#fff;  text-align:center;}
.bannerin dt p{ font-size:20px; color:#fff; margin:0;line-height:30px; }
.bannerin dt span{ font-size:10px; color:#fff; font-weight:normal ;line-height:20px; padding:0 20px}
.bannerin dt span:before,.bannerin dt span:after{width:30px;height: 3px;content: "";display: inline-block;background:url(../image/xline.png) no-repeat center center;background-size: cover;position: relative;top: -2px; margin:0 10px}

.address{ height:45px; background:#fff}
.address{ line-height:45px;}
.address .boduo12{ padding:0 40px;}
.address a{ color:#231815;}
.address a:after{ content:">"; }

.story{ background:#eee;}
.story .map{ max-width:1200px;  display:block; margin:0 auto; padding:15px;}
.story .boduo12 dt{ font-size:16px; color:#000; text-align:center; padding-bottom:10px; padding:20px 0}
.story .boduo12 dt img{ margin:20px 0;}
.story .boduo12 dd{ display:block; max-width:750px; text-align:center; margin:0 auto; padding:15px; line-height:24px; color:#666}
.story.power{ background:url(../image/powerbg.jpg) no-repeat center center /*fixed*/;}


@media (min-width:1200px){
	.story.power{ height:540px;}
	.story.power.p40{ padding-top:40px; height:500px;}
	.story.power .boduo12 dt img{ margin:90px 0 40px;}
	}
@media (min-width:768px)and (max-width:1199px){
	}
@media(max-width:767px){
.new{ margin-top:50px}
.story .boduo12 dd{text-align:left}
.story .boduo12 dd br{ display:none}
.story.power{ background:#eee; height:auto}
.address .boduo12{ padding:0 15px;}
}

/*å…³äºŽåšå¤šcssç»“æŸ*/


/*äº§å“åŽŸæ–™csså¼€å§‹*/
.new.product{ background:url(../image/product_bg.jpg) no-repeat center center}
.cp_list .boduo12{ max-width:940px;}
.cp_list dt.jj{ height:80px; width:620px; padding-left:110px; background:url(../image/themet.png) no-repeat 0 5px;margin:45px auto; font-size:13px; line-height:25px; color:#555; text-align:center; font-weight:normal}
.cp_list dd img{ width:100%; max-width:230px; display:block; margin:0 auto}
.cp_list dd div b{ display:block; border-bottom:1px solid #eee; height:50px; line-height:50px;}
.cp_list dd div h3{ font-size:18px; font-weight:bold}
.cp_list dd div p{ color:#666}
.cp_list dd div.box{ padding:10px 15px; background:#f4f4f4; overflow:hidden}
.cp_list dd div.box font{ color:#000; font-weight:bold; padding-right:30px;}
.cp_list dd div.box span{ font-size:15px; line-height:16px; font-weight:bold;}
.cp_list dd div.box span.iconfont{ float:left; margin-right:20px; position:relative; margin-top:20px}
.cp_list dd div.box span.iconfont img{display:block;width:30px;height:30px;border:3px solid #000;border-radius:50%;overflow:hidden;margin-left: 10px;}
.cp_list dd div.box span.iconfont:before{font-size: 50px;position:absolute;top: -20px; font-weight:normal}
.cp_list dd div.box p.english{ font-size:12px}
.cp_list a.more_cp{ display:block; width:160px; height:30px; background:#000; color:#fff; text-align:center; line-height:30px; font-size:12px; float:right}
.cp_list a.more_cp:hover{ background:#009140}
.color_1 span{ color:#db5166}
.color_2 span{ color:#f39800}
.color_3 span{ color:#e61673}
.color_4 span{ color:#009140}
.color_5 span{ color:#ea5514}
.color_6 span{ color:#036eb8}
.color_7 span{ color:#c30d23}
.cp_list .f_more{ background:#e8e3dc; margin-bottom:20px; padding:10px 0}
.cp_list .f_more a{ display:block; width:270px; height:40px; border:1px solid #000; margin:0 auto; line-height:40px; text-align:center; color:#000}
.cp_list .f_more a:hover{ background:#000; color:#fff}
@media (min-width:1200px){}
@media (min-width:768px)and (max-width:1199px){
.cp_list .boduo12{padding: 0 15px;}
.cp_list dd div p.details{ height:4.5em; overflow:hidden; text-overflow:ellipsis; width:100%;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.cp_list dd div.box{height:132px}
	}
@media(max-width:767px){
.cp_list .boduo12{padding:10px 15px;}
.cp_list dt.jj{ min-height:80px; width:90%; padding-left:80px; text-align:left; height:auto; margin:20px auto; box-sizing: border-box}
.cp_list dt.jj br{ display:none}
.cp_list .boduo12 dd{ background:#fff; border-top:10px solid #eee; padding:15px;}
.cp_list a.more_cp{ width:100%; height:40px; line-height:40px}
}
/*äº§å“åŽŸæ–™cssç»“æŸ*/



/*åº”ç”¨æŽ¨ècsså¼€å§‹*/
.new.theme{ background:url(../image/theme_bg.jpg) no-repeat center center}
.theme_bt{ height:440px; background:url(../image/theme.jpg) no-repeat center center /*fixed*/}
.story.theme_bt .boduo12 dd{ display:block; max-width:525px; height:120px; background:#fff; padding-right:110px; box-sizing:border-box; position:relative}
.story.theme_bt .boduo12 dd img{ display:block; }
.story.theme_bt .boduo12 dd span{ display:block; width:145px; height:145px; background:#000; border-radius:50%; padding:8px; position:absolute; right:-50px; top:-10px}
.story.theme_bt .boduo12 dd span:before{ content:"ä¸ºå¹¿å¤§å®¢æˆ·\Aæä¾›ä¸“å±žé¥®å“åº”ç”¨"; position:absolute; width:145px; height:50px; left:0; top:-60px;white-space: pre;}
.theme_list .boduo12{ max-width:970px;}
.theme_list dt{font-size: 20px;color: #000;text-align: center; padding:40px 0 10px}
.theme_list dt:before,.theme_list dt:after{width:30px;height: 3px;content: "";display: inline-block;background:url(../image/xline.png) no-repeat center center;background-size: cover;position: relative;top: -2px; margin:0 10px}
.theme_list dd{ position:relative; margin:40px auto; padding:40px 0; text-align:center; }
/*é¢œè‰²*/
.theme_list dd.color1{ border-top:1px solid #3a79d0;}
.theme_list dd.color1 em{ background:#3a79d0;}
.theme_list dd.color2{ border-top:1px solid #f08426;}
.theme_list dd.color2 em{ background:#f08426;}
.theme_list dd.color3{ border-top:1px solid #7359a6;}
.theme_list dd.color3 em{ background:#7359a6;}
.theme_list dd.color4{ border-top:1px solid #ee9d00;}
.theme_list dd.color4 em{ background:#ee9d00;}
.theme_list dd em{ display: block; width:300px; height:35px; margin:0 auto; border-radius:18px; text-align:center; color:#fff; line-height:35px; position:absolute; top:-18px; left:50%; margin-left:-150px;font-style: normal}
.theme_list dd p{ font-size:20px; color:#000; font-weight:bold}
.theme_list dd .row div{ padding-top:30px}
.theme_list dd .row div img{ max-width:470px; margin:0 auto; display:block; width:100%}
.theme_list dd .row div p{ padding-top:20px}
.theme_list dd .row div a{ display:block; width:140px; height:40px; border:1px solid #000; margin:30px auto 0; line-height:40px; color:#000}
.theme_list dd .row div a:hover{ color:#fff; background:#000}
.theme_list .wx2wm{ background:#f6f6f4; height:170px; max-width:750px; width:100%; margin:0 auto; padding:40px 0 40px 270px; box-sizing:border-box; margin-bottom:40px; position:relative}
.theme_list .wx2wm img{ position:absolute; left:100px; top:-67px}
.theme_list .wx2wm p{ font-size:20px; color:#000; font-weight:bold}
@media (min-width:1200px){}
@media (min-width:768px)and (max-width:1199px){
.theme_list dd{box-sizing:border-box; padding:40px 15px}
	}
@media(max-width:767px){
.theme_bt{ height:auto}
.story.theme_bt .boduo12 dd{ padding-right:0; height:auto}
.story.theme_bt .boduo12 dd span{ display: none;}
.theme_list dd{box-sizing:border-box; padding:40px 15px}
.theme_list .wx2wm{ padding-left:0; text-align:center; padding-top:180px; height:auto;}
.theme_list .wx2wm img{ left:50%; margin-left:-82px}
}
/*åº”ç”¨æŽ¨ècssç»“æŸ*/

/*è”ç³»æˆ‘ä»¬csså¼€å§‹*/
.new.contact{ background:url(../image/contact_bg.jpg) no-repeat center center}
.story.contact_img dt{ padding-top:40px}
.story.contact_img dd{ max-width:1020px}
.story.contact_img img{ display:block; margin:0 auto; width:100%}
.contact_more a.f_more{  background:#acaca3; display:block; max-width:700px; height:60px;  margin: 40px auto; line-height:60px; text-align:center; color:#fff; font-size:16px}
.contact_more a.f_more:hover{ background:#000; color:#fff}
@media(max-width:767px){
.contact_more{ padding:0 10px}

}
/*è”ç³»æˆ‘ä»¬cssç»“æŸ*/



.bdshare-button-style0-16 a:nth-child(n+2){ width:17px; overflow:hidden}